<!DOCTYPE html>
<!--
  ~ Copyright 2009-2015 by WWW.KNET.CN  All rights reserved.
  -->

<html>
<head>
    <title>Bootstrap Table Examples</title>
    <link rel="stylesheet" href="../../bootstrap/2.3.1/css_cerulean/bootstrap.css">
    <link rel="stylesheet" href="../bootstrap-table.css">
    <script src="../../jquery/jquery-1.9.1.min.js"></script>
    <script src="../../bootstrap/2.3.1/js/bootstrap.min.js"></script>
    <script src="../bootstrap-table.js"></script>
    <script src="../extensions/export/bootstrap-table-export.js"></script>
    <script src="../../tableExport.jquery.plugin/tableExport.js"></script>
    <script src="../extensions/editable/bootstrap-table-editable.js"></script>
    <script>
        $(function () {
            var $table = $('#table'), $remove = $('#remove');
            $.getJSON("json/data1.json", function (data) {
                $table.bootstrapTable({
                                          data: data,
                                          classes: "table table-striped table-bordered table-condensed table-hover",
                                          columns: [
                                              {
                                                  field: 'state',
                                                  checkbox: true,
                                                  align: 'center'
                                              }, {
                                                  title: 'Item ID',
                                                  field: 'id',
                                                  align: 'center',
                                                  sortable: true
                                              }, {
                                                  field: 'price',
                                                  title: 'Item Detail',
                                                  align: 'center'
                                              }
                                          ]
                                      });
            });
        });
    </script>
</head>
<body>
<div class="container">
    <h1>Bootstrap Table Examples <a href="https://github.com/wenzhixin/bootstrap-table-examples" class="btn btn-primary"
                                    role="button" target="_blank">Learn more &raquo;</a></h1>

    <div id="toolbar">
        <button id="remove" class="btn btn-warning" disabled>
            <i class="icon icon-remove icon-white"></i> Delete
        </button>
    </div>
    <table id="table">
    </table>
</div>


</body>
</html>
